<!doctype html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="安装LED显示屏,LED显示屏安装,LED显示屏报价,LED显示屏维修">
    <meta name="description" content="万屏汇是一家提供LED显示屏报价,LED显示屏安装,LED显示屏维修服务的网站,为全国客户提供上门报价,安装,维修服务">
    <title>万屏汇-上门安装LED屏,LED显示屏安装,LED显示屏报价,LED显示屏维修,万屏网维修</title>
    <link rel="stylesheet" href="css/repair.css">
    <link rel="stylesheet" href="css/style.css">
    <script>
        // ie9 及以下重定向
        if (location.href.indexOf('wanpingwang.com') > 0 && navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE", "")) <= 9) {
            window.location.href = 'https://ie.wanpinghui.com';
        }

        // 手机浏览器重定向
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

        if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM || bIsIpad) {
            window.location.href = "http://m.wanpingwang.com/repair.html";
        }
    </script>
</head>
<body>
<section id="header">
    <div class="content">
        <a class="headLogo icon-logo" href="./land1.html"></a>
        <span class="unilumin">上市公司洲明科技旗下</span>
        <span class="pull-right number text-primary"><span class="tel-name">全国服务热线 </span>400-998-0215</span>
    </div>
</section>
<div id="welcome">
    <h2>已为您找到附近<span class="s-count">…</span>家LED屏维修工程师</h2>
</div>
<section id="map">
    <div id="container" tabindex="0"></div>
    <div class="search">
        <img class="search-icon" src="http://wanpingwang.com/img/01.png">
        <input id="keyword" type="text" placeholder="输入屏幕维修地址">
        <div class="search-count">附近有<span class="s-count">…</span>家</div>
    </div>
</section>
<h1 class="text-primary text-title"><span class="font-bold">3 </span>&nbsp;分钟内响应&nbsp;&nbsp;&nbsp;&nbsp;<span class="font-bold">1.5</span>&nbsp;小时上门</h1>
<section id="phone">
    <div class="container">
        <p class="text-sub">立即维修</p>
        <span class="type-title">屏幕类型</span>
        <p class="type-choose type" onclick="chooseOptions(event,this)">
            <span class="type-item active" typeId="2">户外广告屏</span>
            <span class="type-item" typeId="1">门头字幕屏</span>
            <span class="type-item" typeId="3">信息告示屏</span>
            <span class="type-item" typeId="4">舞台用屏</span>
            <span class="type-item" typeId="5">室内高清屏</span>
        </p>
        <span class="type-title hide">室内外</span>
        <p class="type-choose location hide" onclick="chooseOptions(event,this)">
            <span class="type-item active" locationId="1">户外</span>
            <span class="type-item" locationId="2">室内</span>
            <span class="type-item" locationId="3">半户外</span>
        </p>
        <span class="type-title">颜色</span>
        <p class="type-choose color" onclick="chooseOptions(event,this)">
            <span class="type-item active" colorId="3">全彩</span>
            <span class="type-item" colorId="1">单色</span>
            <span class="type-item" colorId="2">双色</span>
        </p>
        <span class="type-title">间距</span>
        <p class="type-choose span" onclick="chooseOptions(event,this)">
            <span class="type-item" spanId="1">P10以上</span>
            <span class="type-item" spanId="10">P10</span>
            <span class="type-item active" spanId="8">P8</span>
            <span class="type-item" spanId="5">P5</span>
            <span class="type-item" spanId="4">P4</span>
            <span class="type-item" spanId="3">P3</span>
            <span class="type-item" spanId="2.5">P2.5</span>
            <span class="type-item" spanId="2">P2</span>
            <span class="type-item" spanId="0">P2以下</span>
        </p>
        <span class="type-title">故障描述</span>
        <p class="type-choose malf" onclick="chooseOptions(event,this)">
            <span class="type-item active"  malfId="1">部分不亮</span>
            <span class="type-item"  malfId="2">整屏不亮</span>
            <span class="type-item"  malfId="3">出现毛毛虫</span>
            <span class="type-item"  malfId="4">颜色异常</span>
            <span class="type-item"  malfId="5">出现亮点暗点</span>
            <span class="type-item"  malfId="6">屏幕移位搬迁</span>
            <span class="type-item"  malfId="7">远程技术支持</span>
            <span class="type-item"  malfId="8">无法更换屏幕内容</span>
            <span class="type-item"  malfId="9">配电设备安装及调试</span>
            <span class="type-item"  malfId="0">其他问题</span>
        </p>
        <span class="type-title">预留信息</span>
        <p class="type-mobile">
            <input class="input input-mobile" placeholder="输入手机号方便维修师傅联系您"/>
            <button class="btn" onclick="submit(event,this)">提交</button>
            <span class="ErrorTip">手机号不能为空</span>
        </p>
        <p class="tip">*维修师傅将通过虚拟号与您联系，您的隐私被严格保密</p>
    </div>
</section>
<section id="oldCase">
    <div class="container">
        <p class="text-sub">近期维修项目</p>
        <div class="case-list row">
            <div class="col-lg-3 col-md-3 col-sm-3 ">
                <div class="list">
                    <p class="case-title">户外广告屏</p>
                    <p class="case-detail">山东 15㎡ 户外 全彩 P8</p>
                    <p class="case-fault">屏幕部分不亮</p>
                    <p class="case-money"><span class="text-small">&yen; &nbsp;</span>800<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 ">
                <div class="list">
                    <p class="case-title">室内高清屏</p>
                    <p class="case-detail">郑州 32㎡ 室内 全彩 P3</p>
                    <p class="case-fault">有色彩问题</p>
                    <p class="case-money"><span class="text-small">&yen; &nbsp;</span>1200<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
            </div>
                <div class="col-lg-3 col-md-3 col-sm-3 ">
                <div class="list">
                    <p class="case-title">户外广告屏</p>
                    <p class="case-detail">梅州 50㎡ 户外 全彩 P10</p>
                    <p class="case-fault">出现亮点暗点</p>
                    <p class="case-money"><span class="text-small">&yen; &nbsp;</span>2500<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 ">
                <div class="list">
                    <p class="case-title">信息告示屏</p>
                    <p class="case-detail">广州 10㎡ 户外 双色 P8</p>
                    <p class="case-fault">屏幕部分不亮</p>
                    <p class="case-money"><span class="text-small">&yen; &nbsp;</span>600<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 ">
                <div class="list">
                    <p class="case-title">门头字幕屏</p>
                    <p class="case-detail">喀什 6㎡ 户外 单色 P10</p>
                    <p class="case-fault">整屏不亮</p>
                    <p class="case-money"><span class="text-small">&yen; &nbsp;</span>1000<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 ">
                <div class="list">
                    <p class="case-title">室内高清屏</p>
                    <p class="case-detail">黄冈 5㎡ 室内 全彩 P4</p>
                    <p class="case-fault">屏幕出现两条竖线，有两个芯片要更换</p>
                    <p class="case-money"><span class="text-small">&yen; &nbsp;</span>2000<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 ">
                <div class="list">
                    <p class="case-title">户外广告屏</p>
                    <p class="case-detail">昆明 30㎡ 户外 全彩 P8</p>
                    <p class="case-fault">屏体部分区域出现黑屏</p>
                    <p class="case-money"><span class="text-small">&yen; &nbsp;</span>1500<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 ">
                <div class="list">
                    <p class="case-title">户外广告屏</p>
                    <p class="case-detail">深圳 20㎡ 户外 全彩 P10</p>
                    <p class="case-fault">电脑可以正常显示视频图片 屏幕不亮</p>
                    <p class="case-money"><span class="text-small">&yen; &nbsp;</span>900<a class="text-primary text-right currentToPhone" href="#phone">立即报修</a></p>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="service">
    <div class="container">
        <p class="text-sub">服务流程</p>
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="flush-list bg-1">
                    <p class="list-title">提交需求</p>
                    <p class="list-detail">在线填写维修需求，我们将在2分钟内与您联系,确认故障信息</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="flush-list bg-2">
                    <p class="list-title">召集工程商</p>
                    <p class="list-detail">在线发布需求，召集您附近的至少3家工程商提供解决方案和报价</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="flush-list bg-3">
                    <p class="list-title">选择方案</p>
                    <p class="list-detail">选择您心仪的工程商，商榷合作</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="flush-list bg-4">
                    <p class="list-title">上门维修</p>
                    <p class="list-detail">经过平台培训认证的工程师将上门提供维修服务</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="newWph">
    <div class="container">
        <p class="text-sub">万屏汇动态</p>
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="list">
                    <div class="div-img">
                        <img class="img" src="img/unilumin.png"/>
                    </div>
                    <p class="desc">2015年底，我们即接受了来自洲明科技(SZ:300232) 领投的数千万种子投资。作为全球领先的数字广告牌提供商的上市企业，带给我们的不仅仅只是资金上的支付，还有来自LED行业里无法估量的经验以及资源，这些支撑我们创造更大的梦想，并更快的实现。我们旨在通过提供集群化、智能化、连接内容和服务的方式让 LED 显示屏更贴近于用户。</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="list">
                    <div class="div-img">
                        <img class="img" src="img/souhu.png"/>
                    </div>
                    <p class="desc">2017年6月搜狐网报道： 万屏汇，是深圳万屏时代有限公司的一款针对LED显示屏行业交易开发的一款网络产品。让客户一键上门安装LED屏，享受一站式“千家厂商直供，多家报价方案可选，平台统一承保”的服务体验...... 万屏汇下一步将更深入的服务于工程商 我们下一步，就会完善更多的服务细节，从LED产品，物流，售后，金融等领域，更好的服务于工程商群体。</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="list">
                    <div class="div-img">
                        <img class="img" src="img/baidu.png"/>
                    </div>
                    <p class="desc">2018年初，万屏汇已与百度签署了独家战略合作，万屏汇成为百度的行业独家代理和服务商，为优质供应商提供推广托管服务，帮助工程商降低推广成本，同时提高用户质量。百度将全力支持万屏汇作为行业平台，为LED显示屏行业提供服务。</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="list">
                    <div class="div-img">
                        <img class="img" src="img/lamp.png"/>
                    </div>
                    <p class="desc">2018年，我们将和蓝普一起，共同建立起由至少2.5万家活跃工程商组成的销售和服务网络（天网+地网）。蓝普渠道通过线下推广蓝普和万屏汇，万屏汇通过线上推广蓝普。2018年，我们将和蓝普一起，连接10万块大屏，提供维保、广告交易服务，并在4月前，全面推广Unicare（大屏云托管）服务。</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="footer">
    <div class="container">
        <div class="pull-left">
            <span class="headLogo icon-logo"></span>
            <span class="font-13">
                客服热线<br>
                <span class="font-20">400-998-0215</span><br>
                周一至周日 9:00-22:00
            </span>
        </div>
        <div class="pull-right">
            <a href="./about.html" style="color: #fff;display: block;margin-bottom: 20px;text-decoration: underline;">关于我们</a>
                粤ICP备16014213号<br>
                版权所有：深圳市万屏时代科技有限公司<br>
                地址： 深圳市前海深港合作区前湾一路1号A栋201
        </div>
        
    </div>
</section>
<section id="succTip" class="container" onclick="closePanel(event,this)">
    <div class="tip"><span class="icon-checkmark"></span>万屏汇客服将在3分钟内给您回电，免费提供咨询服务</div>
</section>

<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=1a8bdc706b8f9dcc54f7da17980cdb58"></script>
<!--七陌客服-->
<script type='text/javascript' src='https://webchat.7moor.com/javascripts/7moorInit.js?accessId=8df60a40-2112-11e8-bd2b-9370b1e34ff4&autoShow=true&language=ZHCN' async='async'>
</script>
<script type="text/javascript">
    var _timer = null;
    $(document).ready(function () {
        var i = 0;
        _timer = setInterval(function(){
            i += 1;
            if(i <=49){
                $('.s-count').html(i);
            }else{
                clearInterval(_timer);
            }
        },300);
    });

    var map = new AMap.Map('container',{
        zoom:14
    });
    map.plugin('AMap.Geolocation', function () {
        geolocation = new AMap.Geolocation({
            enableHighAccuracy: true,//是否使用高精度定位，默认:true
            timeout: 10000,          //超过10秒后停止定位，默认：无穷大
            maximumAge: 0,           //定位结果缓存0毫秒，默认：0
            convert: true,           //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
            showButton: true,        //显示定位按钮，默认：true
            buttonPosition: 'LB',    //定位按钮停靠位置，默认：'LB'，左下角
            buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
            showMarker: true,        //定位成功后在定位到的位置显示点标记，默认：true
            showCircle: true,        //定位成功后用圆圈表示定位精度范围，默认：true
            panToLocation: true,     //定位成功后将定位到的位置作为地图中心点，默认：true
            zoomToAccuracy:false      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
        });
        map.addControl(geolocation);
        geolocation.getCurrentPosition();
        AMap.event.addListener(geolocation, 'complete', function (json) {
            console.log(json);
            map.setZoomAndCenter(14, [json.position.lng, json.position.lat]);
            changeSupplierConunt(json.addressComponent.adcode,json.position);
            setTimeout(function () {
                $('#welcome').fadeOut();
            },2000);
        });//返回定位信息
        AMap.event.addListener(geolocation, 'error', function (error) {
            console.log(error);
            setTimeout(function () {
                $('#welcome').fadeOut();
            },2000);
        });      //返回定位出错信息
    });

    // 搜索
    AMap.plugin(['AMap.Autocomplete','AMap.PlaceSearch'],function(){
        var autoOptions = {
            city: "", //城市，默认全国
            input: "keyword"//使用联想输入的input的id
        };
        var autocomplete= new AMap.Autocomplete(autoOptions);
        var placeSearch = new AMap.PlaceSearch({
            city:'',
            map:map
        })
        AMap.event.addListener(autocomplete, "select", function(e){
            //TODO 针对选中的poi实现自己的功能
        //    placeSearch.setCity(e.poi.adcode);
        //    map.panTo();
            setMark(e.poi.location);
            changeSupplierConunt(e.poi.adcode,e.poi.location);
        });
    });

    var markArry = [];

    // 设置搜索点的图标
    function setMark(pos) {
        map.remove(markArry);
        var marker = new AMap.Marker({
            icon: "http://wanpingwang.com/img/06.png",
            position: [pos.lng,pos.lat],
            map: map
        });
        markArry.push(marker);
    }

    // 搜索附近的银行代替随机工程商点
    function searchAround(pos,iconCount) {
        AMap.service(["AMap.PlaceSearch"], function() {
            placeSearch = new AMap.PlaceSearch({ //构造地点查询类
                pageSize: iconCount,
                type: '诊所',
                pageIndex: 1,
                city: "", //城市
                map: map,
            //    panel: "panel"
            });

            var cpoint = [pos.lng, pos.lat]; //中心点坐标
            placeSearch.searchNearBy('', cpoint, 10000, function(status, result) {
                console.dir(result);
            //    var list = result.poiList.pois;
            //    for(var i=0;i<list.length;i++){

            //        var marker = new AMap.Marker({
            //            icon: "",
            //            position: [list[i].location.lng,list[i].location.lat],
            //            map: map
            //        });
            //        marker.content = '<div class="infos">\n' +
            //            '    <h4>深圳野合万事兴有限公司</h4>\n' +
            //            '    <p>'+'我是第' + (i + 1) + '个Marker<br/>'+'本公司主要经营led相关产品批发与销售，并提供led屏幕安装、维修、租赁服务。</p>\n' +
            //            '</div>';

            //        marker.on('click', markerClick);
            //        marker.emit('click', {target: marker});
            //        markArry.push(marker);
            //    }
            //    function markerClick(e) {
            //        infoWindow.setContent(e.target.content);
            //        infoWindow.open(map, e.target.getPosition());
            //    }
                map.setZoomAndCenter(14, [pos.lng, pos.lat]);
            });
        });
        $('.amap_lib_placeSearch_poi').off('click hover');
    }

    // 根据不同地区，显示不同的工程商数量/图标数量
    function changeSupplierConunt(adcode,pos) {
        var count = 0,iconCount = 0;
        var farawayProv = [65,54,15,63,62]; // 偏远省份
        var adcodeProv = adcode.substr(0,2); // 省份代码
        var adcodeCity = adcode.substr(2,2); // 城市代码
        var sz = adcode.substr(0,4);

        // 如果是省会城市，或者是深圳  378~570
        if(adcodeCity == 01 || sz==4403){
            count = parseInt(Math.random()*192) + 378;
            iconCount = parseInt(Math.random()*5) + 12;

            // 如果是偏远省份
        }else if($.inArray(adcodeProv,farawayProv) > -1){
            count = parseInt(Math.random()*38) + 49;
            iconCount = parseInt(Math.random()*2) + 3;

            // 其他
        }else{
            count = parseInt(Math.random()*111) + 143;
            iconCount = parseInt(Math.random()*4) + 8;
        }
        clearInterval(_timer);
        // 修改数量
        $('.s-count').text(count);
        // 绘制工程商位置点
        searchAround(pos,iconCount);
    }

</script>
<!--js解析url参数-->
<script>
    window["globalData"] = globalData = {};

    var doc_reffer = document.referrer.split("?")[1];
    try {
        var str2 = decodeURI(doc_reffer);
    } catch (e) {
        var str2 = "";
    }
    try {
        var str = decodeURI(window.location.href.split('?')[1]);
    } catch (e) {
        var str = "";
    }

    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = str.match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }

    function GetReferrer(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = str2.match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }

    var word = GetReferrer("word");//百度的搜索词
    var query = GetReferrer("query");//搜狗的搜索词
    var source = GetQueryString("source");
    var plan = GetQueryString("plan");
    var unit = GetQueryString("unit");
    var keyword = GetQueryString("keyword");
    var e_keywordid = GetQueryString("e_keywordid");
    var e_matchtype = GetQueryString("e_matchtype");
    var e_creative = GetQueryString("e_creative");
    var e_adposition = GetQueryString("e_adposition");
    var e_pagenum = GetQueryString("e_pagenum");
    var semWords = {
        source: source ? source : '',
        word: word || query || '',
        plan: plan ? plan : '',
        unit: unit ? unit : '',
        keyword: keyword ? keyword : '',
        e_keywordid: e_keywordid ? e_keywordid : '',
        e_matchtype: e_matchtype ? e_matchtype : '',
        e_creative: e_creative ? e_creative : '',
        e_adposition: e_adposition ? e_adposition : '',
        e_pagenum: e_pagenum ? e_pagenum : '',
        UrlReferrer: decodeURI(location.href) ? decodeURI(location.href) : ''
    };
    console.log(semWords);
    if (semWords.source || semWords.plan || semWords.unit || semWords.keyword || semWords.e_keywordid || semWords.e_matchtype
        || semWords.e_creative || semWords.e_adposition || semWords.e_pagenum || semWords.UrlReferrer) {
        semWords = JSON.stringify(semWords);
        globalData.sem = semWords;
    }

    globalData.cityToProvince = {
        "北京市": "北京市",
        "天津市": "天津市",
        "石家庄市": "河北省",
        "唐山市": "河北省",
        "秦皇岛市": "河北省",
        "邯郸市": "河北省",
        "邢台市": "河北省",
        "保定市": "河北省",
        "张家口市": "河北省",
        "承德市": "河北省",
        "沧州市": "河北省",
        "廊坊市": "河北省",
        "衡水市": "河北省",
        "太原市": "山西省",
        "大同市": "山西省",
        "阳泉市": "山西省",
        "长治市": "山西省",
        "晋城市": "山西省",
        "朔州市": "山西省",
        "晋中市": "山西省",
        "运城市": "山西省",
        "忻州市": "山西省",
        "临汾市": "山西省",
        "吕梁市": "山西省",
        "呼和浩特市": "内蒙古自治区",
        "包头市": "内蒙古自治区",
        "乌海市": "内蒙古自治区",
        "赤峰市": "内蒙古自治区",
        "通辽市": "内蒙古自治区",
        "鄂尔多斯市": "内蒙古自治区",
        "呼伦贝尔市": "内蒙古自治区",
        "巴彦淖尔市": "内蒙古自治区",
        "乌兰察布市": "内蒙古自治区",
        "兴安盟": "内蒙古自治区",
        "锡林郭勒盟": "内蒙古自治区",
        "阿拉善盟": "内蒙古自治区",
        "沈阳市": "辽宁省",
        "大连市": "辽宁省",
        "鞍山市": "辽宁省",
        "抚顺市": "辽宁省",
        "本溪市": "辽宁省",
        "丹东市": "辽宁省",
        "锦州市": "辽宁省",
        "营口市": "辽宁省",
        "阜新市": "辽宁省",
        "辽阳市": "辽宁省",
        "盘锦市": "辽宁省",
        "铁岭市": "辽宁省",
        "朝阳市": "辽宁省",
        "葫芦岛市": "辽宁省",
        "长春市": "吉林省",
        "吉林市": "吉林省",
        "四平市": "吉林省",
        "辽源市": "吉林省",
        "通化市": "吉林省",
        "白山市": "吉林省",
        "松原市": "吉林省",
        "白城市": "吉林省",
        "延边朝鲜族自治州": "吉林省",
        "哈尔滨市": "黑龙江省",
        "齐齐哈尔市": "黑龙江省",
        "鸡西市": "黑龙江省",
        "鹤岗市": "黑龙江省",
        "双鸭山市": "黑龙江省",
        "大庆市": "黑龙江省",
        "伊春市": "黑龙江省",
        "佳木斯市": "黑龙江省",
        "七台河市": "黑龙江省",
        "牡丹江市": "黑龙江省",
        "黑河市": "黑龙江省",
        "绥化市": "黑龙江省",
        "大兴安岭地区": "黑龙江省",
        "上海市": "上海市",
        "南京市": "江苏省",
        "无锡市": "江苏省",
        "徐州市": "江苏省",
        "常州市": "江苏省",
        "苏州市": "江苏省",
        "南通市": "江苏省",
        "连云港市": "江苏省",
        "淮安市": "江苏省",
        "盐城市": "江苏省",
        "扬州市": "江苏省",
        "镇江市": "江苏省",
        "泰州市": "江苏省",
        "宿迁市": "江苏省",
        "杭州市": "浙江省",
        "宁波市": "浙江省",
        "温州市": "浙江省",
        "嘉兴市": "浙江省",
        "湖州市": "浙江省",
        "绍兴市": "浙江省",
        "金华市": "浙江省",
        "衢州市": "浙江省",
        "舟山市": "浙江省",
        "台州市": "浙江省",
        "丽水市": "浙江省",
        "合肥市": "安徽省",
        "芜湖市": "安徽省",
        "蚌埠市": "安徽省",
        "淮南市": "安徽省",
        "马鞍山市": "安徽省",
        "淮北市": "安徽省",
        "铜陵市": "安徽省",
        "安庆市": "安徽省",
        "黄山市": "安徽省",
        "滁州市": "安徽省",
        "阜阳市": "安徽省",
        "宿州市": "安徽省",
        "六安市": "安徽省",
        "亳州市": "安徽省",
        "池州市": "安徽省",
        "宣城市": "安徽省",
        "福州市": "福建省",
        "厦门市": "福建省",
        "莆田市": "福建省",
        "三明市": "福建省",
        "泉州市": "福建省",
        "漳州市": "福建省",
        "南平市": "福建省",
        "龙岩市": "福建省",
        "宁德市": "福建省",
        "南昌市": "江西省",
        "景德镇市": "江西省",
        "萍乡市": "江西省",
        "九江市": "江西省",
        "新余市": "江西省",
        "鹰潭市": "江西省",
        "赣州市": "江西省",
        "吉安市": "江西省",
        "宜春市": "江西省",
        "抚州市": "江西省",
        "上饶市": "江西省",
        "济南市": "山东省",
        "青岛市": "山东省",
        "淄博市": "山东省",
        "枣庄市": "山东省",
        "东营市": "山东省",
        "烟台市": "山东省",
        "潍坊市": "山东省",
        "济宁市": "山东省",
        "泰安市": "山东省",
        "威海市": "山东省",
        "日照市": "山东省",
        "莱芜市": "山东省",
        "临沂市": "山东省",
        "德州市": "山东省",
        "聊城市": "山东省",
        "滨州市": "山东省",
        "菏泽市": "山东省",
        "郑州市": "河南省",
        "开封市": "河南省",
        "洛阳市": "河南省",
        "平顶山市": "河南省",
        "安阳市": "河南省",
        "鹤壁市": "河南省",
        "新乡市": "河南省",
        "焦作市": "河南省",
        "濮阳市": "河南省",
        "许昌市": "河南省",
        "漯河市": "河南省",
        "三门峡市": "河南省",
        "南阳市": "河南省",
        "商丘市": "河南省",
        "信阳市": "河南省",
        "周口市": "河南省",
        "驻马店市": "河南省",
        "济源市": "河南省",
        "武汉市": "湖北省",
        "黄石市": "湖北省",
        "十堰市": "湖北省",
        "宜昌市": "湖北省",
        "襄阳市": "湖北省",
        "鄂州市": "湖北省",
        "荆门市": "湖北省",
        "孝感市": "湖北省",
        "荆州市": "湖北省",
        "黄冈市": "湖北省",
        "咸宁市": "湖北省",
        "随州市": "湖北省",
        "恩施土家族苗族自治州": "湖北省",
        "仙桃市": "湖北省",
        "潜江市": "湖北省",
        "天门市": "湖北省",
        "神农架林区": "湖北省",
        "长沙市": "湖南省",
        "株洲市": "湖南省",
        "湘潭市": "湖南省",
        "衡阳市": "湖南省",
        "邵阳市": "湖南省",
        "岳阳市": "湖南省",
        "常德市": "湖南省",
        "张家界市": "湖南省",
        "益阳市": "湖南省",
        "郴州市": "湖南省",
        "永州市": "湖南省",
        "怀化市": "湖南省",
        "娄底市": "湖南省",
        "湘西土家族苗族自治州": "湖南省",
        "广州市": "广东省",
        "韶关市": "广东省",
        "深圳市": "广东省",
        "珠海市": "广东省",
        "汕头市": "广东省",
        "佛山市": "广东省",
        "江门市": "广东省",
        "湛江市": "广东省",
        "茂名市": "广东省",
        "肇庆市": "广东省",
        "惠州市": "广东省",
        "梅州市": "广东省",
        "汕尾市": "广东省",
        "河源市": "广东省",
        "阳江市": "广东省",
        "清远市": "广东省",
        "东莞市": "广东省",
        "中山市": "广东省",
        "潮州市": "广东省",
        "揭阳市": "广东省",
        "云浮市": "广东省",
        "南宁市": "广西壮族自治区",
        "柳州市": "广西壮族自治区",
        "桂林市": "广西壮族自治区",
        "梧州市": "广西壮族自治区",
        "北海市": "广西壮族自治区",
        "防城港市": "广西壮族自治区",
        "钦州市": "广西壮族自治区",
        "贵港市": "广西壮族自治区",
        "玉林市": "广西壮族自治区",
        "百色市": "广西壮族自治区",
        "贺州市": "广西壮族自治区",
        "河池市": "广西壮族自治区",
        "来宾市": "广西壮族自治区",
        "崇左市": "广西壮族自治区",
        "海口市": "海南省",
        "三亚市": "海南省",
        "三沙市": "海南省",
        "儋州市": "海南省",
        "五指山市": "海南省",
        "琼海市": "海南省",
        "文昌市": "海南省",
        "万宁市": "海南省",
        "东方市": "海南省",
        "定安县": "海南省",
        "屯昌县": "海南省",
        "澄迈县": "海南省",
        "临高县": "海南省",
        "白沙黎族自治县": "海南省",
        "昌江黎族自治县": "海南省",
        "乐东黎族自治县": "海南省",
        "陵水黎族自治县": "海南省",
        "保亭黎族苗族自治县": "海南省",
        "琼中黎族苗族自治县": "海南省",
        "重庆市": "重庆市",
        "重庆市郊县": "重庆市",
        "成都市": "四川省",
        "自贡市": "四川省",
        "攀枝花市": "四川省",
        "泸州市": "四川省",
        "德阳市": "四川省",
        "绵阳市": "四川省",
        "广元市": "四川省",
        "遂宁市": "四川省",
        "内江市": "四川省",
        "乐山市": "四川省",
        "南充市": "四川省",
        "眉山市": "四川省",
        "宜宾市": "四川省",
        "广安市": "四川省",
        "达州市": "四川省",
        "雅安市": "四川省",
        "巴中市": "四川省",
        "资阳市": "四川省",
        "阿坝藏族羌族自治州": "四川省",
        "甘孜藏族自治州": "四川省",
        "凉山彝族自治州": "四川省",
        "贵阳市": "贵州省",
        "六盘水市": "贵州省",
        "遵义市": "贵州省",
        "安顺市": "贵州省",
        "毕节市": "贵州省",
        "铜仁市": "贵州省",
        "黔西南布依族苗族自治州": "贵州省",
        "黔东南苗族侗族自治州": "贵州省",
        "黔南布依族苗族自治州": "贵州省",
        "昆明市": "云南省",
        "曲靖市": "云南省",
        "玉溪市": "云南省",
        "保山市": "云南省",
        "昭通市": "云南省",
        "丽江市": "云南省",
        "普洱市": "云南省",
        "临沧市": "云南省",
        "楚雄彝族自治州": "云南省",
        "红河哈尼族彝族自治州": "云南省",
        "文山壮族苗族自治州": "云南省",
        "西双版纳傣族自治州": "云南省",
        "大理白族自治州": "云南省",
        "德宏傣族景颇族自治州": "云南省",
        "怒江傈僳族自治州": "云南省",
        "迪庆藏族自治州": "云南省",
        "拉萨市": "西藏自治区",
        "日喀则市": "西藏自治区",
        "昌都市": "西藏自治区",
        "山南市": "西藏自治区",
        "那曲地区": "西藏自治区",
        "阿里地区": "西藏自治区",
        "林芝市": "西藏自治区",
        "西安市": "陕西省",
        "铜川市": "陕西省",
        "宝鸡市": "陕西省",
        "咸阳市": "陕西省",
        "渭南市": "陕西省",
        "延安市": "陕西省",
        "汉中市": "陕西省",
        "榆林市": "陕西省",
        "安康市": "陕西省",
        "商洛市": "陕西省",
        "兰州市": "甘肃省",
        "嘉峪关市": "甘肃省",
        "金昌市": "甘肃省",
        "白银市": "甘肃省",
        "天水市": "甘肃省",
        "武威市": "甘肃省",
        "张掖市": "甘肃省",
        "平凉市": "甘肃省",
        "酒泉市": "甘肃省",
        "庆阳市": "甘肃省",
        "定西市": "甘肃省",
        "陇南市": "甘肃省",
        "临夏回族自治州": "甘肃省",
        "甘南藏族自治州": "甘肃省",
        "西宁市": "青海省",
        "海东市": "青海省",
        "海北藏族自治州": "青海省",
        "黄南藏族自治州": "青海省",
        "海南藏族自治州": "青海省",
        "果洛藏族自治州": "青海省",
        "玉树藏族自治州": "青海省",
        "海西蒙古族藏族自治州": "青海省",
        "银川市": "宁夏回族自治区",
        "石嘴山市": "宁夏回族自治区",
        "吴忠市": "宁夏回族自治区",
        "固原市": "宁夏回族自治区",
        "中卫市": "宁夏回族自治区",
        "乌鲁木齐市": "新疆维吾尔自治区",
        "克拉玛依市": "新疆维吾尔自治区",
        "吐鲁番市": "新疆维吾尔自治区",
        "哈密市": "新疆维吾尔自治区",
        "昌吉回族自治州": "新疆维吾尔自治区",
        "博尔塔拉蒙古自治州": "新疆维吾尔自治区",
        "巴音郭楞蒙古自治州": "新疆维吾尔自治区",
        "阿克苏地区": "新疆维吾尔自治区",
        "克孜勒苏柯尔克孜自治州": "新疆维吾尔自治区",
        "喀什地区": "新疆维吾尔自治区",
        "和田地区": "新疆维吾尔自治区",
        "伊犁哈萨克自治州": "新疆维吾尔自治区",
        "塔城地区": "新疆维吾尔自治区",
        "阿勒泰地区": "新疆维吾尔自治区",
        "石河子市": "新疆维吾尔自治区",
        "阿拉尔市": "新疆维吾尔自治区",
        "图木舒克市": "新疆维吾尔自治区",
        "五家渠市": "新疆维吾尔自治区",
        "北屯市": "新疆维吾尔自治区",
        "铁门关市": "新疆维吾尔自治区",
        "双河市": "新疆维吾尔自治区",
        "可克达拉市": "新疆维吾尔自治区",
        "昆玉市": "新疆维吾尔自治区",
        "中西区": "香港特别行政区",
        "湾仔区": "香港特别行政区",
        "东区": "香港特别行政区",
        "南区": "香港特别行政区",
        "油尖旺区": "香港特别行政区",
        "深水埗区": "香港特别行政区",
        "九龙城区": "香港特别行政区",
        "黄大仙区": "香港特别行政区",
        "观塘区": "香港特别行政区",
        "荃湾区": "香港特别行政区",
        "屯门区": "香港特别行政区",
        "元朗区": "香港特别行政区",
        "北区": "香港特别行政区",
        "大埔区": "香港特别行政区",
        "西贡区": "香港特别行政区",
        "沙田区": "香港特别行政区",
        "葵青区": "香港特别行政区",
        "离岛区": "香港特别行政区",
        "香港特别行政区": "香港特别行政区",
        "澳门特别行政区": "澳门特别行政区",
        "花地玛堂区": "澳门特别行政区",
        "花王堂区": "澳门特别行政区",
        "望德堂区": "澳门特别行政区",
        "大堂区": "澳门特别行政区",
        "风顺堂区": "澳门特别行政区",
        "嘉模堂区": "澳门特别行政区",
        "路凼填海区": "澳门特别行政区",
        "圣方济各堂区": "澳门特别行政区",
        "台湾省": "台湾省"
    }
</script>
<script>
    var isClick = true;
    var Config = {
        "2": {
            type: 2, location: 1, color: 3, span: 8, malf: 1},
        "3": {
            type: 3, location: 1, color: 3, span: 10, malf: 1},
        "5": {
            type: 5, location: 2, color: 3, span: 2, malf: 1},
        "4": {
            type: 4, location: 2, color: 3, span: 4, malf: 1},
        "1": {
            type: 1, location: 3, color: 1, span: 10, malf: 8}
    };
    $(document).ready(function () {
        /** 获取ip定位省市 */
        globalData.ipPos = {
            city: "深圳市",
            city_id: 440300,
            county: "南山区",
            county_id: 440305,
            prov: "广东省",
            prov_id: 440000,
            addr: ""
        };
        globalData.selPos = {
            city: "深圳市",
            city_id: 440300,
            county: "南山区",
            county_id: 440305,
            prov: "广东省",
            prov_id: 440000,
            addr: ""
        };
        ajax_post("/Ip/getIpInfo", null, {
            succ: function succ(json) {
                globalData.ipPos = json.ip_info;
                globalData.selPos = json.ip_info;
            },
            fail: function fail(data) {
            }
        });
        $('.input').on('input',function(){
            $('.ErrorTip').hide();
        });
        //锚点链接平滑滚动
        $('.currentToPhone').click(function () {
            $('html, body').animate({
            scrollTop: $($.attr(this, 'href')).offset().top
            }, 500);
            return false;
        });
    });
    //单选项选择
    function chooseOptions(e,obj) {
        if(e.target === obj){
            return;
        }
        e.preventDefault();
        $(obj).find(".type-item").removeClass('active');
        $(e.target).addClass('active');
        if($(obj).hasClass("type")){
            //选择的是类型
            var typeId = $(e.target).attr('typeId');
            
            // setInitOptions(typeId,"location");
            setInitOptions(typeId,"color");
            setInitOptions(typeId,"span");
            setInitOptions(typeId,"malf");
        }
    }
    //配置默认选项
    function setInitOptions(type,name){
        var id = Config[type][name];
        var arr = $("." + name).find(".type-item");

        $('.' + name).find('.type-item').show();
        if(Config[type][name + "forbid"] && Config[type][name + "forbid"].length>0){
            for(var i = 0;i < Config[type][name + "forbid"].length; i++){
                var v = Config[type][name + "forbid"][i];
                $('.' + name).find('span[' + name + 'Id="' + v + '"]').hide();
            }
        }
        for(var i=0; i < arr.length; i++){
            if(id == $(arr[i]).attr(name + 'Id')){
                $("." + name).find(".type-item").removeClass('active');
                $(arr[i]).addClass('active');
                break;
            }
        }
    }
    //提交
    function submit(e,obj){
        trackBaidu(1);
        if(checkPhone()){
            // 百度事件统计
            trackBaidu(2);

            var mobile, city, prov, sem, cate = 2, type, surr, malf, color, span ;
            mobile =  $('.input-mobile').val().trim();

            city = globalData.ipPos.city;
            prov = globalData.cityToProvince[city];
            sem = globalData.sem;
            type = $(".type .active").attr('typeId');
            color = $(".color .active").attr('colorId');
            span = $(".span .active").html();
            malf = 0;

            var inquiryInfo = {
                cate: cate,
                mobile: mobile,
                city: city,
                sem: sem,
                prov: prov,
                type: type,
                color: color,
                span: span,
                malf: malf
            };
            $.each(inquiryInfo, function (key, value) {
                if (!value) {
                    delete inquiryInfo[key];
                }
            });
            if(!isClick){
                return;
            }else{
                isClick = false;
            }
            postDraft(inquiryInfo, {
                succ: function succ() {
                    isClick = true;
                    // 百度事件统计
                    trackBaidu(3);
                    $("#succTip").show();
                    setTimeout(function(){
                        $("#succTip").hide();
                    },3000);
                },fail: function(){
                    isClick = true;
                    $("#succTip").show();
                    setTimeout(function(){
                        $("#succTip").hide();
                    },3000);
                }
            });
        }
    }
    //检测手机号
    function checkPhone() {
        var mobile = $('.input-mobile').val().trim();
        if("" == mobile){
            $('.ErrorTip').html('手机号不能为空');
            $('.ErrorTip').show();
            return false;
        }
        if (!/^1(3|4|5|7|8)\d{9}$/.test(mobile)) {
            $('.ErrorTip').html('请填写正确的手机号');
            $('.ErrorTip').show();
            return false;
        }
        $('.ErrorTip').hide();
        return true;
    }
    //关闭浮层
    function closePanel(e,obj){
        // if(e.target === obj){
        //     $(obj).hide();
        // }
    }
    // 提交需求草稿
    function postDraft(data, cb) {
        ajax_post("/Client/Demand/postDraft", data, cb);
    }

    /** ajax请求方法 */
    function ajax_post(url, data, cb) {
        var URL = "https://opc.wanpinghui.com/api" + url;
        $.ajax(URL, $.extend({
            method: 'POST',
            data: data,
            dataType: "json",
            timeout: 30000,
            xhrFields: {
                withCredentials: true
            },
            headers: {
                'Accept': 'application/x-www-form-urlencoded',
                'Content-Type': 'application/x-www-form-urlencoded'
            },
            contentType: 'application/x-www-form-urlencoded',
            success: function success(json, status, xhr) {
                cb && cb.always && cb.always(json);
                if (json.status == "200") {
                    cb && cb.succ && cb.succ(json);
                } else {
                    cb && cb.fail && cb.fail(json);
                }
            },
            error: function error(xhr, status, thrown) {
                console.log("[!err!](" + url + "): status: " + xhr.status + ", msg: " + thrown);
                cb && cb.fail && cb.fail();
                console.error("接口[" + url + "]：失败");
            }
        }));
    }
    /** 百度统计事件
     * type: 1 ==  点击按钮就计算一次
     * type: 2 ==  手机号正确并点击按钮
     * type: 3 ==  手机号正确并提交草稿成功
     * */
    function trackBaidu(type) {
        var src = 'http://www.wanpingwang.com/track/Repair_Click_Btn.html';
        if(type == 2){
            src = 'http://www.wanpingwang.com/track/Repair_Click_With_Mobile.html';
        }else if(type == 3){
            src = 'http://www.wanpingwang.com/track/Repair_Click_And_Submit.html';
        }else if(type == 4){
            src = 'http://www.wanpingwang.com/track/Repair_Click_MeiQia.html';
        }
        // 百度事件统计
        var iframe = '<div class="hide"><iframe src="'+src+'"></iframe>"</div>';
        $('body').append(iframe);
    }
</script>
<!-- baidu统计 -->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?aa3c94f96c457d135742e396b36d64c9";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<!-- CNZZ统计代码 -->
<script type="text/javascript">
    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1274255512'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1274255512' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>